Android — 开发中的正确姿势

前言

Android开发中要注重的细节很多,本文则是来总结一下开发过程中非常实用的小技巧。我都是站在巨人的肩膀上才能了解这些技巧的存在,写作本文的灵感来源于Frank Lee的博文:Android 开发中的那些正确姿态 。 文章中有些知识讲的并不是很仔细,我则按照他的思路在学习实践并总结一下,目录如下:

  1. Android 布局优化之< include >、< merge >、ViewStub
  2. 使用LinearLayout自带的分割线divider属性来代替1dp View方案
  3. 使用 android.support.v4.widget.Space轻量级控件来占据一定的空间
  4. 使用shape减少图片资源占比以及色彩渐变的坑
  5. LinearLayout 中 android:weightSum 和 android:layout_weight 一起使用更配哦。
  6. 使用 android:descendantFocusability 解决 ViewGroup 与 Children View 之间的焦点占用问题。
  7. 使用 android:fillViewport=”true” 可以将 ScrollView 填满屏幕
  8. Elevation 实现控件阴影效果

Android 布局优化之< include >、< merge >、ViewStub

  • < include > 布局重用
  • < merge > 减少视图层级
  • ViewStub 延时加载

< include >估计不用多说,它允许在一个布局中引入另外一个布局,从而提高布局复用。< merge >标签在优化UI结构上起着很重要的作用,通过删减多余或者额外的视图层级从而达到优化整个Android Layout的结构。例如,我们用< include > 来引入一个布局,这个被引入的布局最外层是LinearLayout,而事实上,我们可能并不需要这个LinearLayout布局嵌套,这时候我们可以用< merge >标签来替换LinearLayout,这样做即是把布局内容直接引入,减少了视图层级。

着重讲解一下ViewStub,它是一个不可见、无尺寸、在需要被加载的时候才加载的一个控件。这里我们可以类比一下View的可见性就明白了。假设我们在首次加载的时候不需要加载某个控件,这时我们可以把这个控件设置为不可见(View.GONE)。但是事实上,这个控件在Activity.onCreate()时,还是被实例化被加载了,只是不可见而已,这就导致了资源的不必要加载。而ViewStub刚好可以拟补这个缺陷,它会在需要加载的时候才被加载。

因此,不是必须显示的布局使用 ViewStub 代替后减少界面首次加载时资源消耗,提升最初加载速度

基本用法如下:

1
2
3
4
5
6
<ViewStub
android:id="@+id/viewStub"
android:layout="@layout/avtivity_cardviewdemo" //指定被加载替换的布局
android:inflatedId="@id/btn_stub2" //指定被加载替换布局的ID
android:layout_width="match_parent"
android:layout_height="wrap_content" />

需要加载时:

1
2
3
4
5
6
try {
mView = mViewStub.inflate(); //返回一个View实例
} catch (Exception e) {
e.printStackTrace();
mView.setVisibility(View.VISIBLE);
}

为什么要捕获异常呢?这是因为ViewStub的inflate()方法只能被调用一次 ,调用之后就移出了父布局,再次调用就会抛出:

1
ViewStub must have a non-null ViewGroup viewParent

这种写法主要是能获取到返回的View实例,从而避免了findViewById操作。当然,其实可以避免捕获异常,直接写:

1
mViewStub.setVisibility(View.VISIBLE);

我们还可以添加ViewStub加载监听事件,即 mViewStub.setOnInflateListener。

参考自:

Android布局优化之ViewStub、include、merge

Android 控件ViewStub

使用LinearLayout自带的分割线divider属性来代替1dp View方案

divider.xml

1
2
3
4
5
6
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="#dddddd" />
<size android:height="1dp" />
</shape>

activity_main.xml

1
2
3
4
5
6
7
8
9
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:divider="@drawable/divider"
android:showDividers="middle"
android:layout_width="match_parent"
android:layout_height="match_parent">
......
</LinearLayout>

android:showDividers 属性可设置以下值:

  • none 不显示分隔线
  • beginning 在LinearLayout的开始处显示分隔线
  • end 在LinearLayout的结尾处显示分隔线
  • middle 在LinearLayout中每两个组件之间显示分隔线

使用 android.support.v4.widget.Space轻量级控件来占据一定的空间

网上查了一下,说是可用于在通用布局中的组件之间创建间隙,其draw()为空,组件之间的距离使用Space会提高绘制效率,特别是对于动态设置间距会更方便高效,正因为draw()为空,所以我们不能对Space设置背景色。

感觉这个控件还是有点鸡肋呀,如果是单纯的设置组件之间的间隙,直接设置 layout_marginTop值就可以了,如果想要动态设置间距,放一个空View,背景色为布局背景就可以了,可能的确会影响绘制效率,想了解Space可以看:学Android Space控件,只看这篇文章就行了

使用shape减少图片资源占比以及色彩渐变的坑

Android shape使用总结

颜色渐变< gradient >标签之坑爹的 @android:color/transparent

ViewGroup 与 Children View 之间的焦点占用问题

android:descendantFocusability 属性值有以下三种:

  • beforeDescendants ViewGroup会优先其子类控件获取焦点
  • afterescendants ViewGroup只有当其子类控件不需要获取焦点时才获取焦点
  • blocksescendants ViewGroup会覆盖子类控件而直接获取焦点

例子见:android:descendantFocusability属性在ListView中的妙用

Elevation 实现控件阴影效果

  • api >= 21 时,通过 android:elevation 或者 setElevation() 实现
  • api < 21 时,通过 ViewCompat.setElevation(View view, float elevation) 实现,前提要设置 view 的背景。

但需要注意的是,该控件必须要有背景颜色,没有背景颜色是没有阴影效果的。而有的控件比如Button有默认主题的,主题里已经有了elevation,所以在设置elevation就没有效果,这时可以设置android:stateListAnimator=”@null”把默认动画置空,然后在设置背景颜色和elevation。

参考:

Button设置elevation阴影

写了那么多Android布局,你知道elevation属性吗

我们一直都向往,面朝大海,春暖花开。 但是几人能做到,心中有爱,四季不败?